<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>fudong</title>
	<style type="text/css">
	.top,.banner,.main,.footer{width: 200PX;
		height: 200px;
		background-color:orange;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center;}
	div{
		width: 200PX;
		height: 200px;
		background-color:orange;
	}
	span{
		width: 200PX;
		background-color:skyblue;
	}
	section {
		width: 800PX;
		height: 600px;
		background-color: skyblue;
	}
	 section div:first-child {
		width: 200PX;
		height: 200px;
		background-color: red;
	}
	section div:last-child {
		width: 300PX;
		height: 400px;
		background-color: purple;
		}
 .father{width: 500PX;
		height: 700px;
		background-color: red;
		border: 10px solid black;
	  padding: 10px;}
		.son{width: 100PX;
		height: 100px;
		background-color: purple;
		float: right;}
	</style>
</head>
<body>
	<div>我是美女，我喜欢帅哥</div>
	<br>
	<span>我是聪明人</span>
		<span>我是聪明人</span>
	<div class="father">
		<div class="son"></div>
	</div>
	<br>
	<section>
	<div>熊大</div>
	<div>熊二</div>
	<div class="top">top</div>
		<div class="banner">banner</div>
			<div class="main">main</div>
			<div class="footer">footer</div>
			
	</section>
</body>
</html>